import { createBrowserRouter, Navigate } from 'react-router-dom'
import App from '../App'
import My from '../components/MY/My'
import Explore from '../components/Explore/Explore'
import Home from '../components/Login/Home'
import Box from '../components/Explore/Box'
import Sound from '../components/Explore/Sound'
import Sleep from '../components/Explore/Sleep'
import Meditate from '../components/Explore/Meditate'
import Plus from '../components/Explore/Plus'
import Profile from '../components/MY/Profile'
import SetUp from '../components/MY/SetUp'
import Reminders from '../components/MY/Reminders'
import Meditation from '../components/MY/Meditation'
import Message from '../components/MY/Message'
import Account from '../components/MY/Account'
import Soundscene from '../components/MY/Soundscene'
import Notification from '../components/MY/Notification'
const router = createBrowserRouter([
    {
        path: '/app',
        element: <App />,
        children: [
            { path: '/app/home', element: <Home /> },
            { path: '/app/explore', element: <Explore /> },
            { path: '/app/my', element: <My /> },
        ]
    },
    {
        path: '/box',
        element: <Box />,
        children: [
            { path: '/box/sound', element: <Sound /> },
            { path: '/box/sleep', element: <Sleep /> },
            { path: '/box/meditate', element: <Meditate /> },
            { path: '/box/plus', element: <Plus /> }
        ]
    },
    {
        path: '/',
        element: <Navigate to="/app" />
    },
    {
        path: '/profile',
        element: <Profile />
    },
    {
        path: '/setup',
        element: <SetUp />
    },
    {
        path: '/reminders',
        element: <Reminders />
    },
    {
        path: '/meditation',
        element: <Meditation />
    },
    {
        path: '/message',
        element: <Message />
    },
    {
        path:'/account',
        element: <Account />
    },
    {
        path:'/soundscene',
        element: <Soundscene />
    },
    {
        path:'/notification',
        element: <Notification />
    }
])
export default router